<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>个性化定制--封坛天下</title>
		<include file="public/comm" />
	</head>
	<body>
		<div class="search fs_xl cls">
			<div class="mui-input-row fs_xl">
				<input type="search" class="fs_xl" placeholder="五粮液" id="keyword">
					<label class="fs_xl"><em class="fs_m" id="search">搜索</em></label>
				<i class="fs_xxxl mui-icon mui-icon-search"></i>
			</div>
			<div class="sea_img">
				<img src="__STATIC__/images/logo003.png" class="fs_xl" />
			</div>
		</div>
		<include file="public/bottom_nav" />
		<div class="mui-content fs_xl" style="padding-bottom: 3em;">
			<div class="device fs_xl">
				<div class="swiper-container fs_xl">
					<div class="swiper-wrapper fs_xl">
						<adv pid ="3" limit="4" item="v">
							<div class="swiper-slide"><a href="{$v.ad_link}" <if condition="$v['target'] eq 1">target="_blank"</if> ><img src="{$v[ad_code]}" width="100%" /></a></div>
				        </adv>
					</div>
					<div class="pagination"></div>
				</div>
			</div>
			<div class="meau fs_xl cls">
				<a href="{:U('Destine/categoryList')}">
					<img src="__STATIC__/images/home.png" />
					<p class="fs_m">全部</p>
				</a>
				<a href="{:U('Destine/category')}">
					<img src="__STATIC__/images/xiangx.png" />
					<p class="fs_m">香型</p>
				</a>
				<a href="{:U('Destine/themeList')}">
					<img src="__STATIC__/images/zhiti.png" />
					<p class="fs_m">定制主题</p>
				</a>
				<a href="{:U('Destine/caseList')}">
					<img src="__STATIC__/images/anli.png" />
					<p class="fs_m">个性案例</p>
				</a>
			</div>
			<div class="dz_img">
				<adv pid ="4" limit="1" item="v">
					<a href="{$v.ad_link}" <if condition="$v['target'] eq 1">target="_blank"</if> ><img src="{$v[ad_code]}" width="100%" /></a>
		        </adv>
			</div>
			<div class="dz_theme">
				<b class="fs_xxl">定制主题</b>
				<div class="dz_theme_list cls">
					<ul class="cls">
						<volist name="themeList" id="vo">
							<li class="fs_xl cls">
								<a class="cls" href="{:U('Destine/theme',array('id'=>$vo['id']))}">
									<div class="dz_list_rt">
										<img class="fs_xl" src="{$vo['thumbnail']}" />
									</div>
									<div class="dz_list_lt">
										<p class="black fs_m">{$vo['title']}</p>
										<p class="org fs_xs">{$vo['description']}</p>
									</div>
								</a>
							</li>
						</volist>
					</ul>
					<!--<p class="dz_gd fs_l"><a class="fs_l" href="{:U('Destine/themeList')}">更多<i class="mui-icon mui-icon-arrowright fs_xl"></i></a></p>-->
				</div>
			</div>
			<div class="dz_adv">
				<adv pid ="5" limit="1" item="v">
					<a href="{$v.ad_link}" <if condition="$v['target'] eq 1">target="_blank"</if> ><img src="{$v[ad_code]}" width="100%" /></a>
		        </adv>
			</div>
			<div class="anli">
				<b class="fs_xxl">个性案例</b>
				<div class="al_list cls">
					<ul class="cls">
						<volist name="destineCaseList" id="vo">
							<li>
								<a class="fs_l" href="{:U('Destine/goodsInfo',array('id'=>$vo.goods_id))}"><img src="{$vo.goods_id|goods_thum_images=400,400}" /></a>
								<p class="fs_l"><a class="fs_xs" href="{:U('Destine/goodsInfo',array('id'=>$vo.goods_id))}">我要定制</a><em class="fs_m">{$vo['goods_name']}</em></p>	
								<p class="fs_l cls"><span class="fs_xl">¥{$vo['shop_price']}</span><span class="fs_xs">{$vo['sales_sum']}已售</span></p>
							</li>
						</volist>
					</ul>
					<!--<p class="dz_gd fs_l"><a href="{:U('Destine/caseList')}">更多<i class="mui-icon mui-icon-arrowright fs_xl"></i></a></p>-->
				</div>
			</div>
		</div>
		<script type="text/javascript">
			$(".device,.swiper-container").height($(".swiper-slide img").height());
			$(".swiper-container").height($(".swiper-slide").height());
			$(".logo img").height($(".item").height());
			$(window).resize(function() {
				$(".device,.swiper-container").height($(".swiper-slide img").height());
				$(".swiper-container").height($(".swiper-slide").height());
			});
			var mySwiper = new Swiper('.swiper-container', {
				pagination: '.pagination',
				loop: true,
				autoplay : 5000,
				grabCursor: true,
				autoplayDisableOnInteraction : false,
				paginationClickable: true
			});
			$(function(){
				var winW=$("body").width();
				var liW=(winW-1)/2;
				var alW=(winW-5)/2;
				$(".dz_theme_list li").width(liW);
//				$(".al_list li").width(alW);
				$('#search').click(function(){
      				var keyword = $("#keyword").val();
      				location.href= "/mobile/search/search/keyword/"+keyword;
      			});
      			$("#keyword").on('keypress',function(e) {  
                var keycode = e.keyCode;  
                var searchName = $(this).val();  
                if(keycode=='13') {  
                    e.preventDefault();    
                    var keyword = $("#keyword").val();
  					location.href= "/mobile/search/search/keyword/"+keyword;
                }  
         		}); 
			})
		</script>
	</body>

</html>